<!-- 参数 》 日期范围 -->

<template>
  <div v-bind="paramProps">
    <label v-if="label" v-bind="labelProps">{{ label }}</label>

    <el-date-picker v-model="model" v-bind="commonProps" type="week" @change="emitChange" />
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import mixParam from '../mixParam'
import FormWeekRange from '../../form/FormWeekRange'

const name = 'ParamWeekRange'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name,

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [mixParam],

  /**
   * 属性注册 (抽取以便查阅)
   */
  props: CORE.WEB[name],

  /**
   * 状态数据 (函数返回对象)
   */
  data() {
    return FormWeekRange.data()
  },

  /**
   * 计算属性 (慎用箭头函数)
   */
  computed: FormWeekRange.computed,

  /**
   * 本地方法 (轻量重要在前)
   */
  methods: FormWeekRange.methods,
}
</script>
